import React, { Component } from 'react'
import { withRouter } from 'react-router-dom'

class SubCategory extends Component {
  render() {
    console.log('sub:', this.props)
    return (
      <div>
        子分类页面 { this.props.location.search || JSON.stringify(this.props.match.params) }
        <button onClick={() => this.props.history.push('/home')}>首页</button>
      </div>
    )
  }
}

// 如果在组件中需要使用到路由的 history、location、match 对象，但
// 组件属性中这些对象不存在，则可以使用 withRouter() 这个 HOC 来为
// 包裹组件注入（增强）这几个对象的使用
// export default SubCategory
export default withRouter(SubCategory)
